<!DOCTYPE html>
<html dir="ltr">
<head>
  <meta charset="UTF-8">
  <title>Tab - Scroll</title>
  <meta name="viewport"
        content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
  <script src="/dist/ionic.js"></script>
</head>
<body>

  <ion-app>
    <ion-tabs scrollable="true" tabbar-placement="top" tabbar-highlight="true">
      <ion-tab tab-title="Plain List" tab-icon="star"></ion-tab>
      <ion-tab tab-title="Schedule Long Text" tab-icon="globe"></ion-tab>
      <ion-tab tab-title="Stopwatch" tab-icon="logo-facebook"></ion-tab>
      <ion-tab tab-title="Messages" tab-icon="chatboxes"></ion-tab>
      <ion-tab tab-title="Messages 2" tab-icon="chatboxes"></ion-tab>
      <ion-tab tab-title="Messages 3" tab-icon="chatboxes"></ion-tab>
      <ion-tab tab-title="Messages 4" tab-icon="chatboxes"></ion-tab>
      <ion-tab tab-title="Messages 5" tab-icon="chatboxes"></ion-tab>
      <ion-tab tab-title="Messages 6" tab-icon="chatboxes"></ion-tab>
      <ion-tab tab-title="Messages 7" tab-icon="chatboxes"></ion-tab>
      <ion-tab tab-title="Messages 8" tab-icon="chatboxes"></ion-tab>
      <ion-tab tab-title="Messages 9" tab-icon="chatboxes"></ion-tab>
      <ion-tab tab-title="Messages 10" tab-icon="chatboxes"></ion-tab>
      <ion-tab tab-title="Messages 11" tab-icon="chatboxes"></ion-tab>
      <ion-tab tab-title="Messages 12" tab-icon="chatboxes"></ion-tab>
    </ion-tabs>

    <ion-nav-controller></ion-nav-controller>
  </ion-app>
</body>
</html>
